<script setup lang="ts">
import { defineOptions } from "vue";

defineOptions({
  name: "xt-button",
});

interface PropType {
  type?: string;
}

withDefaults(defineProps<PropType>(), {
  type: "primary",
});
</script>

<template>
  <el-button class="xt-button" :type="type">
    <template v-for="(_value, name) in $slots" #[name]="scope" :key="name">
      <slot :name="name" v-bind="scope || {}"></slot>
    </template>
  </el-button>
</template>

<style lang="scss" scoped></style>
